<template>
  <div
    ref="dividerRef"
    :style="{ '--el-border-color': props.color }"
  >
    <el-divider>
      {{ content }}
    </el-divider>
  </div>
</template>

<script setup lang="ts" name="TDivider">
import { ref } from "vue";

const props = defineProps({
  color: {
    type: String,
    default: "#dcdfe6"
  },
  content: {
    type: String,
    default: ""
  }
});

const dividerRef = ref<HTMLElement | null>(null);
</script>
